<!DOCTYPE html>
<html lang="en-us">
  <head>
    <script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-26406144-13"></script>
    <script src="/static/js/gtag.js?hash=mocked_hash_221832925"></script>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@dart_lang"/>
    <meta property="og:site_name" content="Dart packages"/>
    <title>Flutter packages</title>
    <meta property="og:title" content="Flutter packages"/>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet"/>
    <meta itemprop="image" content="/static/img/dart-logo-400x400.png?hash=mocked_hash_58383222"/>
    <meta property="og:image" content="/static/img/dart-logo-400x400.png?hash=mocked_hash_58383222"/>
    <link rel="shortcut icon" href="/favicon.ico?hash=mocked_hash_985685822"/>
    <link rel="search" type="application/opensearchdescription+xml" title="Dart packages" href="/static/osd.xml?hash=mocked_hash_869379763"/>
    <meta name="description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter, AngularDart, and general Dart programs."/>
    <meta property="og:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter, AngularDart, and general Dart programs."/>
    <link rel="alternate" type="application/atom+xml" title="Updated Packages Feed for Pub" href="/feed.atom"/>
    <link href="/static/highlight/github.css?hash=mocked_hash_145446167" rel="stylesheet"/>
    <link href="/static/css/github-markdown.css?hash=mocked_hash_488759485" rel="stylesheet" type="text/css"/>
    <link href="/static/css/style.css?hash=mocked_hash_537099079" rel="stylesheet" type="text/css"/>
    <script src="/static/js/script.dart.js?hash=mocked_hash_573569793" defer="defer"></script>
    <script async="async" defer="defer" src="//www.google.com/insights/consumersurveys/async_survey?site=5wdvu4vc5lhop3xbatxof6lzcm"></script>
  </head>
  <body class="">
    <header class="site-header-row">
      <div class="site-header">
        <h1 class="_visuallyhidden">Dart pub</h1>
        <button class="hamburger"></button>
        <div class="mask"></div>
        <div class="nav-wrap">
          <div class="nav-header">
            <a class="logo" href="/">
              <img src="/static/img/pub-dev-logo-2x.png?hash=mocked_hash_685890546" alt="dart pub logo"/>
            </a>
            <div class="_flex-space"></div>
            <button class="close"></button>
          </div>
          <nav class="site-nav">
            <span>Getting Started:</span>
            <div class="sub-wrap hoverable">
              <button class="button">Flutter</button>
              <div class="sub-nav">
                <a class="link" target="_blank" rel="noopener" href="https://flutter.io/using-packages/">Using packages</a>
                <a class="link" target="_blank" rel="noopener" href="https://flutter.io/developing-packages/">Developing packages and plugins</a>
                <a class="link" target="_blank" rel="noopener" href="https://dart.dev/tools/pub/publishing">Publishing a package</a>
                <a class="link" target="_blank" rel="noopener" href="https://dart.dev/tools/pub">Pub tool</a>
              </div>
            </div>
            <div class="sub-wrap hoverable">
              <button class="button">Web &amp; Server</button>
              <div class="sub-nav">
                <a class="link" target="_blank" rel="noopener" href="https://dart.dev/tools/pub/get-started">Using packages</a>
                <a class="link" target="_blank" rel="noopener" href="https://dart.dev/tools/pub/publishing">Publishing a package</a>
                <a class="link" target="_blank" rel="noopener" href="https://dart.dev/tools/pub">Pub tool</a>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </header>
    <div class="_banner-bg">
      <main class="home-banner">
        <h2 class="_visuallyhidden">Dart package manager</h2>
        <img class="logo" src="/static/img/flutter-packages-white.png?hash=mocked_hash_276594719" alt="Flutter packages"/>
        <form class="search-bar" action="/flutter/packages">
          <input class="input" name="q" placeholder="Search Flutter-compatible packages" autocomplete="on" autofocus="autofocus"/>
          <button class="icon"></button>
        </form>
        <div class="list-filters">
          <a class="filter -active" href="/flutter">Flutter</a>
          <a class="filter " href="/web">Web</a>
          <a class="filter " href="/">All</a>
        </div>
        <p class="text">
          <a target="_blank" rel="noopener" href="https://flutter.io/">Flutter
            <sup>
              <small>↗</small>
            </sup>
          </a> makes it easy and fast to build beautiful mobile apps
          <br/> for iOS and Android.
        </p>
      </main>
    </div>
    <main>
      <div class="home-lists-container">
        <div class="landing-page-title-block">
          <div class="tooltip-base hoverable">
            <h2 class="center landing-page-title tooltip-dotted">Top Flutter-compatible packages</h2>
            <div class="tooltip-content">
        Packages are sorted by the overall score. More information on 
              <a href="/help#ranking">ranking</a>.
      
            </div>
          </div>
        </div>
        <ul class="package-list">
          <li class="list-item -simple">
            <h3 class="title">
              <a href="/packages/foobar_pkg">foobar_pkg</a>
            </h3>
            <p class="metadata">
              <a class="package-tag" href="/flutter/packages" title="Compatible with the Flutter platform.">Flutter</a>
            </p>
            <p class="description">my package description</p>
          </li>
        </ul>
        <div class="more">
          <a href="/flutter/packages">More Flutter-compatible packages...</a>
          <a href="/packages?q=dependency%3Aflutter">Flutter-only packages...</a>
        </div>
      </div>
    </main>
    <footer class="site-footer">
      <a class="link" href="https://dart.dev/">Dart language</a>
      <a class="link" href="https://www.google.com/intl/en/policies/terms/">Terms</a>
      <a class="link" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a>
      <a class="link" href="/help">Help</a>
      <a class="link" href="/feed.atom">
        <img src="/static/img/atom-feed-icon-32x32.png?hash=mocked_hash_251226050" class="inline-icon"/>
      </a>
      <a class="link github_issue" href="https://github.com/dart-lang/pub-dev/issues/new">Report an issue with this site</a>
    </footer>
  </body>
</html>
